<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我做的：网易科技列表</title>
    <Link rel="stylesheet" href="../css.style/reset.css">
    <style>
       
        .outer-wrapper{
            width:300px;
            height:322px;
            border-top:1px solid #dddddd;
            background-color:bisque;
            margin:50px auto;
            
        }
        .t1{
            width:32px;
            height:24px;
            padding:6px 0 10px;
            border-top:1px #f34540 solid;
            margin:-1px 0 0 0;/*??*/
        }
        .t1 a{
            font-size: 16px;
            font-weight: bold;
            /*去除下划线*/
            text-decoration: none;
            color:#404040;
        }
        /*设置图片容器*/
        .t2{
            width:300px;
            height:150px;
          
        }
        .t3{
            height:40px;
            /*文本框上移*/
            margin-top:-40px;
            padding-left:14px;
            
            
        }
        .t3 h3{
            font-size: 16px;
            color: #FFFFFF;
            /*文字居中*/
            line-height: 40px;
        }
        .t4,.t5,.t6,.t7{
            /* height:30px; */
            padding:8px 0;
           
        }
        
        a{
            /*去除下划线*/
            text-decoration: none;
            /*设置字体大小*/
            font-size: 14px;
            /*设置字体颜色*/
            color:#666;
        }
        .t4 a:hover{
            color:#f34540;
        }
        .t5 a:hover{
            color:#f34540;
        }
        .t6 a:hover{
            color:#f34540;
        }
        .t7 a:hover{
            color:#f34540;
        }
        
        span{
            color:#DDD;
            font-size: 4px;
            margin-left:2px;

        }
        
      

    </style>
</head>
<body>
    <ul class="outer-wrapper">
        <li class="t1">
            <a href="#">科技</a>
        </li>
        <li class="t2">
            <a href="#">
                <img src="../picture/4.jpg">
            </a>
        </li>
        <li class="t3">
            <h3>网易科技揭晓 “2022中国十大科技”</h3>
        </li>
        <li class="t4">
            <span>■</span>
            <a href="#">掀起全球价格战？刚刚，特斯拉再次降价</a>
        </li>
        <li class="t5">
            <span>■</span>
            <a href="#">余承东回应华为问界降价</a>
        </li>
        <li class="t6">
            <span>■</span>
            <a href="#">波音737MAX在中国恢复商业运营</a>
        </li>
        <li class="t7">
            <span>■</span>
            <a href="#">库克2023年薪自降五成至3.3亿元</a>
        </li>
    </ul>
    
</body>
</html>